﻿


/*****应用**************/

.application .bd_title {
	font-size: 18px;
	color: #3f3f3f;
	text-align: center;
	padding: 12px 15px;
	border-bottom: 1px solid #dcdcdc;
	background: #fff;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9;
}
.application .application_top{
	background: #fff;
}
.application .bd_title .close_icon ,.maildetail_list .staff_details_title .close_icon {
	width: 20px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	background: url("../images/application/close_icon.png") no-repeat center right;
	background-size: 18px auto;
	float: right;
}

.application .application_item {
	background: #fff;
	padding: 15px;
}

.application .application_item .pic {
	float: left;
	height: 70px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 70px;
	border-radius: 10px;
	border: 1px solid #dcdcdc;
}

.application .application_item .info {
	color: #545454;
	height: 70px;
	overflow: hidden;
	position: relative;
}
.application .application_item .info ul{
	position: absolute;
	bottom: 0;
}
.application .application_item .info h2 {
	color: #545454;
	font-size: 16px;
	margin: 0 0 10px!important;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	width: 80%;
}

.application .application_item .content {
	width: 100%
}

.application .application_item .info p.article {
	margin-bottom: 0!important;
	font-size: 12px;
	color: #535353;
	max-width: 100%;
	white-space: nowrap;
	/*设置不折行*/
	text-overflow: ellipsis;
	/*这就是省略号喽*/
	-o-text-overflow: ellipsis;
	/*兼容opera*/
	overflow: hidden;
	/*设置超过的隐藏*/
	display: block;
}


.application .application_item .info li {
	float: left;
	font-size: 12px;
	color: #969696;
	margin-right: 10px;
}

.application .application_item .info li .fa_icon {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}



.application .application_item .info .download_box {
	position: absolute;
	right: 0;
	bottom: 3px;
}



/******图片组合********/

.application .application_item .info .download_box span {
	border: 1px solid #4d9dea;
	border-radius: 4px;
	padding: 2px 10px;
	color: #4d9dea;
	font-size: 15px;
}
.application .application_picture{margin: 15px 0;}
.application .application_picture .picture_composition {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-white-space: nowrap;
	white-space: nowrap;
	margin: 0 0 0 15px;
	padding: 20px 0 0;
	border-top: 1px solid #dcdcdc ;
	
}

.application .application_picture .picture_composition ul {
	width: 893px;
	-webkit-white-space: nowrap;
	white-space: nowrap;
}

.application .application_picture .picture_composition li {
	float: left;
	width: 218px;
	margin-right: 7px;
}

.application .application_picture .picture_composition li:last-child {
	margin-right: 0;
}

.application .application_content {
	background: #fff;
	padding: 10px 0;
}

/**********tab************/
.application .application_content .top_tab .btn-group {
    margin: 0px auto 20px;
    width: 75%;
}
.application .application_content .top_tab .btn {
    border-color: #858585;
    color: #858585;
    font-size: 14px;
    padding: 6px 12px;
}
.application .application_content .top_tab .curr{
	background: #858585;
    color: #fff;
}

.application .application_content .nick_name_box {
	color: #c7c7c7;
	font-size: 13px;
}

.application .application_content .nick_name_box span.nick_name {
	max-width: 40%;
	white-space: nowrap;
	/*设置不折行*/
	text-overflow: ellipsis;
	/*这就是省略号喽*/
	-o-text-overflow: ellipsis;
	/*兼容opera*/
	overflow: hidden;
	/*设置超过的隐藏*/
	display: inline-block;
}

.application .application_content .nick_name_box .stars_icon {
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url("../images/application/star_icon.png") no-repeat center center;
	background-size: 16px auto;
	vertical-align: middle;
	margin: -4px 3px 0 0;
}

.application .application_content .nick_name_box i {
	font-style: normal;
	font-size: 13px;
	margin-left: 5px;
}

.application .application_content p {
	color: #535353;
	font-size: 15px;
}

.application .application_content .see_more {
	margin: 0 auto;
	text-align: center;
}

.application .application_content .see_more a {
	border: 1px solid #4d9efb;
	font-size: 12px;
	color: #4d9efb;
	padding: 6px 20px;
	border-radius: 4px;
	margin: 0 auto;
	display: inline-block;
}

.application .application_contentsummary {
	background: #fff;
	padding:10px 0;
	margin: 8px 0;
}

.application .application_contentsummary h3 {
	color: #3f3f3f;
	font-size: 16px;
	margin:0 0 10px!important;
	padding: 0 15px;
	
}
.application .application_contentsummary .new_list li{
	color: #545454;
}
.application .application_contentsummary .new_list li span{
	color: #969696;
	width: 30%;
	text-align: right;
	display: inline-block;
}
.application .application_contentsummary .recordentry_list {
	margin: 20px 0 0;
}
.application .application_contentsummary .recordentry_list li{
	border-bottom: 1px solid #dcdcdc;
	padding:14px 13px 14px 0;
	margin-left: 15px;
}
.application .application_contentsummary .recordentry_list li:first-child{
	border-top: 1px solid #dcdcdc;
}
.application .application_contentsummary .recordentry_list li span.right_arrow{
	background: url("../images/application/rightarrow_icon.png") no-repeat center right;
	background-size:10px auto ;
	width: 15px;
	height: 20px;
	vertical-align: middle;
	display: inline-block;
	float: right;
}
.application .grade_box {
	margin: 10px 0 20px;
}



.application .application_item .info .stars_icon_box ,.application .statistical_review .comment_content  .comment_reviewers .stars_icon_box{
	text-align: left;
	overflow: hidden;
	
}
.application .statistical_review .comment_content  .comment_reviewers .stars_icon_box{
	width:40%;float: left;
}
.application .application_item .info  .stars_icon_box .fa_icon ,.application .statistical_review .comment_content  .comment_reviewers .stars_icon_box .fa_icon{
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 2px 0 0;
}

.application .application_item .info  .stars_icon_box .stars_icon ,.application .statistical_review .comment_content  .comment_reviewers  .stars_icon_box .stars_icon{
	background: url("../images/application/star_icon.png") no-repeat center center;
	background-size: 14px auto;
}

.application .application_item .info .stars_icon_box .halfstar_icon ,.application .statistical_review .comment_content  .comment_reviewers  .stars_icon_box .halfstar_icon{
	background: url("../images/application/half_star.png") no-repeat center center;
	background-size: 14px auto;
}
.application .application_item .info  .stars_icon_box .graystars_icon ,.application .statistical_review .comment_content  .comment_reviewers  .stars_icon_box .graystars_icon{
	background: url("../images/application/gray_star.png") no-repeat center center;
	background-size: 14px auto;
}

/*********统计评论*********/
.application .statistical_review .ranking_list{
	margin: 10px auto 20px;
	
}
.application .statistical_review .ranking_list li {
	width: 50%;
	text-align: center;
	float: left;
	
	
}

.application .statistical_review .ranking_list li a{
	border-radius: 10px;
	display: inline-block;
	overflow: hidden;
	width: 70%;
	border: 1px solid #c9c9c9;
	color: #c9c9c9;float: right;
}
.application .statistical_review .ranking_list li:last-child a{
	float: left;
	margin-left:4%;
}
.application .statistical_review .ranking_list li:first-child a{
	margin-right: 4%;
}
.application .statistical_review .ranking_list li a span{
	padding: 4px 0;
	display: block;
}

.application .statistical_review li p{
	background: #c9c9c9;
	color: #fff;
	padding: 5px 0;
	margin: 0!important;
	
}
.application .application_content .comment_content{
	padding: 10px 15px;
}
.application .application_content  .comment_paragraph{
	
	border: 1px solid #dcdcdc;
	border-left:none;
	border-right:none;
	padding: 15px 15px 15px 0;
	margin-left: 15px;
}
.application .application_content  .comment_paragraph a{
	color: #545454;
}
.application .application_content .comment_content .title{
	font-size: 15px;
}
.application .statistical_review .comment_content .title span{
	color: #bdd56e;
	float: right;
}
.application  .application_content .comment_paragraph h3{
	font-size: 16px;
	margin-top: 0!important;
}
.application .statistical_review .comment_content  .comment_reviewers a{
	color: #969696;
}
.application  .comment_paragraph a.green_color{
	color: #4d9dea;
}
.application .statistical_review .comment_content  .comment_reviewers .date{
	margin-top: 5px;
	color: #888787;
}
